<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>MediClinic | Dispensary & Surgery | Dr. W. P. Sanjeewa Withana</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
</head>
<body class="metro home">
	<%-- tob-bar --%>
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        	<div id="guest-home-container" class="home-container tile-area">
 				
                <div class="tile-group five">
                
                	<div class="subheader" style="margin-bottom: 10px;">Welcome to Our Dispensary & Surgery</div>
                	
                    <div class="tile quadro bg-transparent no-link" style="padding:5px;">
                		<div class="fg-black"><span class="item-title fg-green">Our Mission</span> to our patients is to provide the high quality, compassionate care for every patient, every time.</div>
                		<div class="fg-black"><span class="item-title fg-indigo">Our Vision</span> is to be the healthcare provider of choice for the customers we serve.</div>
                		<div class="fg-black"><span class="item-title fg-steel">Our Values</span> Courage, Respect and exceed expectations</div>
                    </div>
                    
                    <a class="tile no-link bg-transparent" data-click="transform">
                    	<div class="tile-content bg-red">
                    		<%--style="background-image: url('/medi-clinic/img/banners/calendar.jpg'); background-size: 180px 120px;"--%>
                    		<img src="${contextPath}/img/banners/calendar.jpg" style="opacity: 0.2;"/>
                    	 	<div class="tile-status" style="padding: 5px;">
                                <span class="subheader fg-white" style="font-weight:bold">Our Service</span>
                                <div class="fg-white"><small>We are open 6 days in a week except Sunday</small></div>
                         	</div>
                        </div>                       
                    </a>
                    
                    <div class="tile double no-link live bg-darkBlue" data-role="live-tile" data-effect="slideDown">
                		<div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner4.jpg">
                            <div class="tile-status">
                                <span class="name">We healp you to live a <em>Healthy Life</em></span>
                            </div>
                        </div>
                        <div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner3.jpg">
                            <div class="tile-status">
                                <span class="name">Comfort and Reliability</span>
                            </div>
                        </div>
                        <div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner1.jpg">
                            <div class="tile-status">
                                <span class="name">We assure, hight quality health care in the comfort</span>
                            </div>
                        </div>
                        <div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner2.jpeg">
                            <div class="tile-status">
                                <span class="name">Qualified Staff</span>
                            </div>
                        </div>
            		</div>
            		
            		<div class="tile double no-link live bg-darkBlue" data-role="live-tile" data-effect="slideLeft">
                		<div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner1.jpg">
                            <div class="tile-status">
                                <span class="name">We assure, hight quality health care in the comfort</span>
                            </div>
                        </div>
                        <div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner2.jpeg">
                            <div class="tile-status">
                                <span class="name">Qualified Staff</span>
                            </div>
                        </div>
                        <div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner3.jpg">
                            <div class="tile-status">
                                <span class="name">Comfort and Reliability</span>
                            </div>
                        </div>
                        <div class="tile-content">
                        	<img src="${contextPath}/img/banners/Home Care Banner4.jpg">
                            <div class="tile-status">
                                <span class="name">We healp you to live a <em>Healthy Life</em></span>
                            </div>
                        </div>
            		</div>
                    
                     <a class="tile no-link bg-transparent" data-click="transform">
                     	<div class="tile-content bg-red">
                    		<%--style="background-image: url('/medi-clinic/img/banners/calendar.jpg'); background-size: 180px 120px;"--%>
                    		<img src="${contextPath}/img/banners/clock.jpg" style="opacity: 0.2;"/>
                    	 	<div class="tile-status" style="padding: 5px;">
                                <span class="subheader fg-white" style="font-weight:bold">Service Time</span>
                                <div class="fg-white"><small>every open day<br/>6.00PM ~ 9.00PM</small></div>
                         	</div>
                        </div> 
                    </a>
                </div>
  
        		<div class="tile-group five">
                    <div class="subheader" style="margin-bottom: 10px;">About Our Dispensary & Surgery</div>
                    <div class="tile quadro bg-transparent no-link">
                  		<p align="justify" style="padding: 5px;">
                          Welcome to Dispensary & Surgery your family clinic situated in Kelaniya. We give you the best in patient care  facilities that are primarily devoted to the care of outpatients. <br/>We are recognised locally as one of the most potent destination for healthcare services.
                  		</p>
                    </div>
                    
                    <a class="tile bg-transparent" data-click="transform"> 
                    	<div class="tile-content">
                        	<img src="${contextPath}/img/banners/contact-doctor.png">
                            <div class="tile-status bg-red">
                                <span class="name">Contact Us</span>
                            </div>
                        </div>
                 	</a> 
                                  
                </div>
          	
    		</div>
    	</div>
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>